<!-- <!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    
</head>
<body>

    <div id="a" onclick="alert(1);">321321</div>
    
    <script type="text/javascript">
        /**
         * 1. createEvent(eventType)
         * 参数： eventType 共5种类型
         * Events : 包含所有的事件
         *         HTMLEvetns : 'abort','blur','change','error','focus',
         *                     'load','reset','resize','scroll','select',
         *                     'submit','unload'
         *         UIEvents : 'DOMActivate','DOMFocusIn','DOMFocusOut','keydown','keypress','keyup'
         *         MouseEvents : 'click','mousedown','mousemove','mouseout','mouseover','mouseup'
         *         MutationEvents : 'DOMAttrModified','DOMNodeInserted','DOMNodeRemoved','DOMCharacterDataModified',
         *                         'DOMNodeInsertedIntoDocument','DOMNodeRemovedFromDocument','DOMSubtreeModified'
         */
        /**
         * 2. 在 createEvent 后必须初始化，为大家介绍5种对应的初始化方法
         * HTMLEvents 和 通用 Events
         *         initEvent('type',bubbles,cancelable)
         * UIEvents
         *         initUIEvent('type',bubbles,cancelable,windowObject,detail)
         * MouseEvents
         *         initMouseEvent('type',bubbles,cancelable,windowObject,detail,screenX,screenY,clientX,clientY,ctrlKey,altKey,shiftKey,metaKey,button,relatedTarget)
         * MutationEvents
         *         initMutationEvent('type',bubbles,cancelable,relatedNode,prevValue,newValue,attrName,attrChange)
         */
        /**
         * 在初始化完成后就可以随时触发需要的事件了，为大家介绍 targetObj.dispatchEvent(event)
         * 使targetObj对象的event事件触发
         * 需要注意的是在IE5.5+版本上请用fireEvent方法，还是浏览器兼容的考虑
         */
        
        // 立即触发鼠标按下事件
        var fireOnThis = document.getElementById('a');
        var evObj = document.createEvent('MouseEvents');
        evObj.initMouseEvent('click',true,true,window,1,12,345,7,220,false,false,true,false,0,null);
        fireOnThis.dispatchEvent(evObj);
    </script>

</body>
</html> -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="aaa" onclick="fullScreen()"></div>
    <script type="text/javascript">
        function fullScreen(){
            var el = document.documentElement;
            var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;
                if(typeof rfs != "undefined" && rfs) {
                    console.log('9898989898989898989')
                    rfs.call(el);
                };
              return;
        }
        var event = document.createEvent('MouseEvents');

        event.initMouseEvent('click', true, true, document.defaultView, 0, 0, 0, 0, 0, false, false, false, false, 0 ,null);

        aaa.dispatchEvent(event);
    </script>
</body>
</html>
